<template>
    <div class="popup_wrap">
        <div class="popup_img">
            <image :src="backImg" mode="widthFix" alt/>
        </div>
        <div :class="['popup_btn_wrap', type?'popup_btn_top':'']" >
            <div
                class="popup_btn_list"
                v-for="item in btnData"
                :key="item.id"
                @click="jumpPage(item)">
                <span>{{ item.name }}</span>
                <i class="iconfont iconjiantou"></i>
            </div>
        </div>
    </div>
</template>

<script>
import envVal from '@/constant'
export default {
	name: 'GuideList',
	props: {
		type: {
			type: Boolean,
			default: false
		},
		btnData: {
			type: Array,
			default: () => [
				{
					name: '获客案例',
					path: 'ShopCase'
				},
				{
					name: '获客文章',
					path: 'ShopArticle'
				},
				{
					name: '免费设计',
					path: 'Inteoffer'
				},
				{
					name: '家居风水',
					path: 'ShopDivination'
				},
				{
					name: '获客海报',
					path: 'PosterList'
				},
				{
					name: '一键获客',
					path: 'GetCuest'
					// type: 2
				}
				// GetCuest
			]
		},
		backImg: {
			type: String,
			default: `${envVal.imgUrl}center/rapid_prebook.png`
		}
	},
	data() {
		return {
		}
	},
	methods: {
		jumpPage(val) {
			this.$emit('jumpPage', val)
		}
	}
}
</script>

<style lang="scss" scoped>
     .popup_wrap {
            width: 100%;
            position: relative;
            .popup_btn_wrap {
                position: absolute;
                top: 220px;
                padding: 0 50px;
                width: calc(100% - 100px);
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                &.popup_btn_top {
                    top: 195px;
                }
                .popup_btn_list {
                    width: 33.33%;
                    height: 90px;
                    line-height: 90px;
                    text-align: center;
                    color: #2965fe;
                    font-size:24px;
                    i {
                        font-size: 26px;
                    }
                }
            }
            .popup_img {
                padding: 50px 50px 0 50px;
				width: calc(100% - 100px);
				position: relative;
				// z-index: 999;
                img {
                    width: 100%;
                }
            }
        }
</style>
